<!DOCTYPE html>
<html lang="en" xmlns="http://java.sun.com/jsf/html">
<head>
    <meta charset="UTF-8">
    <title>爬虫网站</title>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css">
    <link rel="stylesheet" href="css/default.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/light.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/dark.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/bar.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen"/>
    <script src="js/jQuery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery.easing.compatibility.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <style>
        .container a {
            text-decoration: none;
        }

        .a {
            height: 50px;
            overflow: hidden;
            background-position: 0 -203px;
            padding-top: 15px;
            background-color: #31b0d5;
        }

        .ss {
            display: inline-block;
            zoom: 1;
        }

        .bg {
            width: 100px;
            height: 15px;
            border-radius: 10px;
            background: white;
        }

        .main {
            height: 15px;
            border-radius: 10px;
            background: lawngreen;
        }

        .vip1, .vip2, .vip3, .vip4, .vip5, .vip6, .vip7 {
            width: 16px;
            height: 16px;
            margin-top: -3px;
            background: url("vip.png") no-repeat;
        }

        .vip1 {
            background-position: 0 0;
        }

        h3 {
            height: 30px;
            margin-bottom: 15px;
            font-size: 24px;
            color: #333;
            line-height: 30px;
            font-weight: 700;
        }

        li {
            margin: 0px;
            padding: 0px;
            list-style: none;
            float: left;
            margin-right: 40px;
            display: list-item;
            text-align: -webkit-match-parent;
        }

        ul {
            margin: 0px;
            padding: 0px;
            display: block;
            list-style-type: disc;
            -webkit-margin-before: 1em;
            -webkit-margin-after: 1em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            -webkit-padding-start: 40px;
        }

        .nav {
            height: 40px;
            overflow: hidden;

            margin: 10px auto auto;
            background-color: lightsalmon;
        }
        .zl {
            position: absolute;
            left: 1250px;
            top: 50px;
            width: 80px;
            height: 25px;
            background-color: wheat;
        }

        .ll {
            border: 3px solid #C8D4E1;
            margin: 10px auto;
            padding: 5px;
            float: left;
            height: auto;
            overflow: hidden;
        }

        .item {
            width: 280px;
            float: left;
            padding: 5px 0px 0px 5px;
        }

        .ll .item .image {
            float: left;
            width: 120px;
        }

        .ll .item dl dd {
            padding: 7px 0px 0px 0px;
            line-height: 20px;
            color: #9E9E9E;
            text-indent: 2em;
            height: 120px;
            overflow: hidden;
        }
        .copyright {
            width: 100%;
            padding: 25px 0 25px 0;
            height: auto;
            line-height: 20px;
            border-top: 1px solid #e9e9e9;
            color: #999;
            text-align: center;
            background: #fff;
            margin-top: 100px;
        }
    </style>
</head>
<body>
<div class="container">
    <!--登陆头部-->
    <div id="cg">
        <div class="row" id="dl">
            <div class="a">
                <form id="f1">
                    <label>用户名:</label>
                    <input style="height: 22px;width: 100px" name="name"/>
                    <label>密码:</label>
                    <input type="password" style="height: 22px;width: 100px" name="pwd"/>
                    <button id="qr" type="submit" style="width: 50px;height: 23px;line-height: 3px; font-size: 10px">
                        登录
                    </button>
                    <a href="reg.html" style="padding-left: 20px;">注册用户</a>
                    <span style="padding-left: 20px;">欢迎来的爬虫小说!</span>
                    <span style="padding-left: 20px;">新用户注册可享免费观看VIP小说</span>
                    <a href="https://123.sogou.com" style="padding-left: 20px;">网址大全</a>
                    <a href=" http://kan.sogou.com" style="padding-left: 20px;">电影</a>
                    <a href=" http://cp.sogou.com/kaijiang/#fr=Cf21008" style="padding-left: 20px;">彩票</a>
                    <a href=" http://tuan.sogou.com/" style="padding-left: 20px;">团购</a>
                    <a href=" https://vip.etao.com/?pid=mm_33344738_3413950_11025847&tb_lm_id=l_sczl_sogou_dingbu" style="padding-left: 20px;">购物</a>
                </form>

            </div>
        </div>
    </div>
    <!--登陆成功头部-->
    <div id="jr" style="display: none" >
        <div class="row">
            <div class="a">
                <span style="padding-left: 20px" id="sj"></span>
                <span style="padding-left: 5px" id="xq"></span>
                <span>
                <span style="padding-left: 20px">
                    欢迎
                    <label id="nickname">亲爱的书友</label>
                </span>
                <span style="padding-left: 20px" id="grz">
                   <img id="icon" src="man.jpg" width="30px" height="25px">
                    <div class="zl" id="grzx" style="display: none">
                        <label><a href="grzx.html" style="text-decoration: none">个人中心</a></label>
                    </div>
                    <label class="vip1"></label>
                </span>
                     <span class="bg ss">
                     <span class="main ss"></span>
                     </span>
            <span id="jdt" class="num ss">0%</span>
                    <button id="gb" style="border: none;background-color: #31b0d5;">退出登录</button>
                    <span style="padding-left: 10px;">欢迎登陆爬虫小说!</span>
                    <span style="padding-left: 10px;">观看最新推荐小说</span>
                     <a href="https://123.sogou.com" style="padding-left: 10px;">网址大全</a>
                    <a href=" http://kan.sogou.com" style="padding-left: 20px;">电影</a>
                    <a href=" http://cp.sogou.com/kaijiang/#fr=Cf21008" style="padding-left: 20px;">彩票</a>
                    <a href=" http://tuan.sogou.com/" style="padding-left: 20px;">团购</a>
                    <a href=" https://vip.etao.com/?pid=mm_33344738_3413950_11025847&tb_lm_id=l_sczl_sogou_dingbu" style="padding-left: 20px;">购物</a>
            </span>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top: 30px; padding-left: 20px;">
        <div class="col-md-offset-1 col-md-3 col-sm-1">
            <img src="99.jpg">
        </div>
        <div class="col-md-offset-1 col-md-4 col-sm-4">
            <div class="input-group" style="margin-top: 30px">
                <input type="text" class="form-control" value="输入需要搜索的小说"
                       onblur="if (value ==''){value='输入需要搜索的小说'}"
                       onfocus="if (value =='输入需要搜索的小说'){value =''}"/>
                    <span class="input-group-btn dropdown">
                        <button class="btn btn-default" type="submit">
                            <span class="glyphicon glyphicon-search">搜索</span>
                        </button>
                    </span>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="nav" style="background-color: lightsalmon">
            <ul>
                <li><a href="/www/main">首页</a></li>
                <li><a href="Flxh.html">玄幻小说</a></li>
                <li><a href="Flds.html">都市小说</a></li>
                <li><a href="Flls.html">历史小说</a></li>
                <li><a href="Flwy.html">网游小说</a></li>
                <li><a href="Flkh.html">科幻小说</a></li>
                <li><a href="Flyq.html">言情小说</a></li>
                <li><a href="Flqt.html">其他小说</a></li>
                <li><a href="Flqb.html">全本小说</a></li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="ll">
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd>xxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd>xxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd>xxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd> xxxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd> xxxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd> xxxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd> xxxxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>
            <div class="item">
                <div class="image"><a href="#" target="_blank">
                    <img src="tr.jpg" alt="#" width="120" height="150"></a>
                </div>
                <dl>
                    <dt><span>xxx</span><a href="#" target="_blank">xxx</a></dt>
                    <dd> xxxxx</dd>
                </dl>
                <div class="clear"></div>
            </div>


        </div>
    </div>




    <div class="copyright">
        <p>本站所有小说为转载作品，所有章节均由网友上传，转载至本站只是为了宣传本书让更多读者欣赏。</p>
        <p>Copyright © 2015 爬虫小说 All Rights Reserved.</p>
        <p>冀ICP备11007602号</p>

    </div>
</div>

<script src="js/xsw.js"></script>
</body>
</html>
